<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            text-decoration: none;
        }
        .to{
            height: 75px;
            background: #292929;
        }
        .A1{
            width: 970px;
            margin: auto;
        }
        .A1 img{
            height: 45px;
            margin-top: 15px;
            float: left;
        }
        .A1 ul{
            margin-left: 80px;
            margin-top: 19px;
			list-style: none;
            float: left;
        }
        .A1 li{
            padding: 8px;
			color: #FFFFFF;
            float: left;
        }
		.a{
			background:url(images/b.png) no-repeat;
			border-radius: 20px ;
		}
		.A1 li:hover{
		    background:url(images/b.png) no-repeat;
		    /* 增加圆角 */
		    border-radius: 20px;
		}
        .zhong{
            height: 425px;
            background: #DDDDDD;
        }
		.B1{
			height: 425px;
			width: 970px;
			margin: auto;
		}
		.b1{
			height: 425px;
			width: 485px;
			float: left;
		}
		.b1 ul{
			margin-left: 20px;
			margin-top: 60px;
			list-style: none;
		}
		.b3{
			font-size: 25px;
		}
		.b1 li{
			margin-top: 10px;
		}
		.b1 img{
			margin-top: 20px;
		}
		.b1 a{
			color: #399205;
			list-style: disc;
		}
		.b2{
			height: 425px;
			width: 485px;
			float: left;
			margin: auto;
		}
		.b2 img{
			margin-top: 35px;
			margin-left: -30px;
		}
		.b2 ul{
			margin-left: 130px;
			list-style: none;
		}
		.b4{
			margin-left: 50px;
			color: #399205;
		}
        .pigu{
            height: 406px;
            width: 980px;
			margin: auto;
            margin-top: 48px;
        }
		.C4{
			height: 406px;
			width: 630px;
			float: left;
		}
		.C1{
			height: 120px;
			width: 630px;
		}
		.C2{
			height: 291px;
			width: 630px;
		}
		.C2 ul{
			list-style: none;
		}
		.c1{
			height: 291px;
			width: 210px;
			float: left;
		}
		.c1 li{
			margin-top: 10px;
		}
		.c2{
			height: 291px;
			width: 210px;
			float: left;
		}
		.c2 li{
			margin-top: 10px;
			margin-left: 10px;
		}
		.c3{
			height: 291px;
			width: 210px;
			float: left;
		}
		.c3 li{
			margin-top: 10px;
			margin-left: 20px;
		}
		.d{
			color: #399205;
		}
		.e{
			font-weight: bold;
		}
		.C3{
			height: 406px;
			width: 300px;
			float: left;
		}
		.C3 p{
			font-weight: bold;
			margin-left: 10px;
		}
		.C3 ul{
			margin-left: 20px;
		}
		.C3 li{
			color: #399205;
			margin-top: 10px;
		}
		.C3 img{
			margin-top: 20px;
			float: left;
		}
		.C3 h3{
			margin-top: 20px;
			margin-left: 5px;
			float: left;
		}
		#g{
			color: #399205;
			margin-top: 10px;
		}
		.shaya{
			width: 970px;
			border: 1px solid #D4DADf;
			margin: auto;
		}
		.emp{
			width: 970px;
			height: 50px;
			margin: auto;
			
		}
		.emp li{
			margin-left: 10px;
			list-style: none;
			float: left;
		}
		.emp p{
			float: left;
			margin-left:350px ;
		}
    </style>
</head>
<body>
    <div class="to">
        <div class="A1">
        <h1>
            <a href="">
                 <img src="images/a.png" alt="">
            </a>
        </h1>
        <ul>
            <a href=""><li class="a">首页</li></a>
            <a href=""><li>帮助与反馈</li></a>
            <a href=""><li>公众平台</li></a>
            <a href=""><li>开发平台</li></a>
            <a href=""><li>微信支付</li></a>
            <a href=""><li>微信广告</li></a>
            <a href=""><li>企业微信</li></a>
            <a href=""><li>表情开发平台</li></a>
            <a href=""><li>微信网页版</li></a>
        </ul>
        </div>
    </div>
    <div class="zhong">
		<div class="B1">
			<div class="b1">
				<ul>
					<li class="b3">微信，是一个生活方式</li>
					<li>超过十亿人使用的手机应用</li>
					<li>支持发送语音短信、视频、图片和文字</li>
					<li>可以群聊，仅耗少量流量，适合大部分智能手机</li>
					<a href=""><img src="images/d.png" ></a>
					<a href=""><li>忘记了微信帐号或密码？</li></a>
					<a href=""><li>自助解除登录或功能限制</li></a>
					<a href=""><li>冻结或解冻微信帐号</li></a>
				</ul>
			</div>
			<div class="b2">
				<a href=""><img src="images/c.png" ></a>
				<ul>
					<li>微信 3.2.1 for Windows 发布</li>
					<a href=""><li class="b4">Windows 3.2.1</li></a>
				</ul>
			</div>
    </div>
    <div class="pigu">
		<div class="C4">
			<div class="C1">
				<img src="images/e.png" >
			</div>
			<div class="C2">
				<div class="c1">
					<ul>
						<li class="e">微信网页版</li>
						<li>扫一扫二维码</li>
						<li>就能在浏览器上使用微信</li>
						<a href=""><li class="d">了解更多</li></a>
					</ul>
				</div>
				<div class="c2">
					<ul>
						<li class="e">微信 Mac 版</li>
						<li>极致简洁，迅捷沟通</li>
						<a href=""><li class="d">了解更多</li></a>
					</ul>
				</div>
				<div class="c3">
					<ul>
						<li class="e">微信 Windows 版</li>
						<li>让沟通更方便</li>
						<a href=""><li class="d">了解更多</li></a>
					</ul>
				</div>
			</div>
		</div>
		<div class="C3">
			<p>最新消息</p>
			<ul>
				<a href=""><li>微信 8.0.2 for Android 正式版发布(New)</li></a>
				<a href=""><li>微信 3.2.1 for Windows 正式版发布 (New)</li></a>
				<a href=""><li>微信 8.0.2 for iOS 正式版发布(New)</li></a>
				<a href=""><li>微信 2.6.1 for Mac 正式版发布 (New)</li></a>
				<a href=""><li>关于部分 iOS 9 用户无法更新微信(New)</li></a>
				<a href=""><li>微信外部链接内容管理规范</li></a>
				<a href=""><li>微信网页版 2.1 版本发布</li></a>
				<a href=""><li>微信表情开放平台上线</li></a>
				<a href=""><li>官方辟谣公众号开通</li></a>
			</ul>
			<a href=""><p id="g">查看更多</p></a>
			<img src="images/f.png" >
			<a href=""><h3>联系我们</h3></a>
		</div>
    </div>
    <div class="shaya"></div>
	<div class="emp">
		<ul>
			<li>关于腾讯 | 服务条款 | 使用规范 | 客服中心 | 隐私保护指引</li>
			<li><p>简体中文 |  繁體中文 |  English</p></li>
			<li>© 1998 - 2021 Tencent Inc. All Rights Reserved</li>
		</ul>
		
		
	</div>
</body>
</html>